var arrZiMu = []//26个字母
for(var i=65;i<91;i++){
    //String.fromCharCode(i)  根据编码获取内容
    arrZiMu.push(String.fromCharCode(i))
}
// var arrResult = [
//     {

//     }
// ]    
console.log(arrZiMu)
/*
//此处的代码时优化之前的效果  没有吧公用的内容提取出来放入function中
var h = document.getElementById('h')
var sum =Math.floor(Math.random()*26)
console.log(sum)
h.innerText = arrZiMu[sum]

document.body.onkeyup =  function(e){
    // h.innerText = arrZiMu[Math.floor(Math.random()*26)]
    if(e.key.toUpperCase() == arrZiMu[sum]){
        sum =Math.floor(Math.random()*26)
        h.innerText = arrZiMu[sum]
    }
    else{
        h.className = 'animated shake';
        setTimeout(function(){
       h.removeClass('bounce');
    }, 1000);
    }
}*/

var h = document.getElementById('h')
var indexCode //随机字母索引值
var currentCode //当前选中的字母
function setData(){
    indexCode = Math.floor(Math.random()*26)//获取随机索引值
    currentCode = arrZiMu[indexCode]//获取当前字母值
    h.innerText = currentCode
}
document.body.onkeydown = function(e){
    h.classList.remove('wobble')
}
document.body.onkeyup = function(e){
    if(e.key.toUpperCase() == currentCode){
        setData()
    }
    else{
        //classList  样式集合  通过add添加   通过remove 删除
        h.classList.add('wobble')//通过  classList  添加一个class样式
    }
}
setData()//页面初始化时执行  赋值操作
